<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 导入jquery核心类库 -->
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<!-- 导入easyui类库 -->
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/ext/portal.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/default.css">	
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui/ext/jquery.portal.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui/ext/jquery.cookie.js"></script>
<script
	src="${pageContext.request.contextPath }/js/easyui/locale/easyui-lang-zh_CN.js"
	type="text/javascript"></script>

</head>
<body class="easyui-layout" style="visibility:hidden;">

	<div region="center" border="false">
    	<table id="grid"></table>
	</div>





	<div class="easyui-window" title="对收派员进行添加或者修改" id="addStaffWindow" collapsible="false" minimizable="false" maximizable="false" style="top:20px;left:200px">
		<!--保存按钮-->
		<div region="north" style="height:31px;overflow:hidden;" split="false" border="false" >
			<div class="datagrid-toolbar">
				<a id="save" icon="icon-save" href="#" class="easyui-linkbutton" plain="true" >保存</a>
			</div>
		</div>

		<div region="center" style="overflow:auto;padding:5px;" border="false">
			<form action="#" method="post" id="bsStaffForm">
				<table class="table-edit" width="80%" align="center">
					<tr class="title">
						<td colspan="2">收派员信息</td>
					</tr>
					<tr style="display: none;">
						<td>取派员编号</td>
						<td><input type="text" name="id" /></td>
					</tr>
					<tr>
						<td>姓名</td>
						<td><input type="text" name="name" class="easyui-validatebox" required="true"/></td>
					</tr>
					<tr>
						<td>手机</td>
						<td><input type="text" name="telephone" class="easyui-validatebox" data-options="validType:'phoneNumber'" required="true"/></td>
					</tr>
					<tr>
						<td>单位</td>
						<td><input type="text" name="station" class="easyui-validatebox" required="true"/></td>
					</tr>
					<tr>
						<td colspan="2">
						<input type="checkbox" name="haspda" value="1" checked="checked"/>
						是否有PDA</td>
					</tr>
					<tr>
						<td>取派标准</td>
						<td>
							<input type="text" name="standard" class="easyui-validatebox" required="true"/>  
						</td>
					</tr>
					</table>
			</form>
		</div>

	</div>





	<script type="text/javascript">


		//添加收派员
		function doAdd(){

			//form表单中的clear方法
			$("#bsStaffForm").form('clear');
			//alert("增加...");
			$('#addStaffWindow').window("open");
		}

		function doView(){

		}


		//删除
		function doDelete(){
			//得到 被选中的复选框

			var datagrid = $("#grid").datagrid('getSelections');

			//判断复选框是否 有被选中的复选框

			if (datagrid.length<1){
				//如果没有  使用消息窗口中的alert()对话框 提示

				$.messager.alert("提示","你没有选中任何复选框!","error")

			} else{
				//如果进入else语句

				//1.for循环被选中的对象
				//datafrid的值为:0: {deltag: "0", haspda: "1", id: "12c86ca21b9f4e4a9ce38cefab855b7c", name: "su", standard: "标准一", …}
				//定义一个数组或列表
				var  ids=new Array();
				for (var i=0;i<datagrid.length;i++){
					//得到其中的id值，存放到数组或列表中
					ids.push(datagrid[i].id);
				}
				//使用 ， 分割值    得到 12c86ca21b9f4e4a9ce38cefab855b7c,40282b8151q42ed2015c242ffe8b0012
				var s = ids.join(",");

				//使用ajax
				$.ajax({
					url:'${pageContext.request.contextPath}/bcStaff/delBcStaff.action',
					type:'post',
					data:{"ids":s},  // 1."ids="+ids  2.{"ids":ids} ||  {"ids":ids,"method":"post"}  3[{"ids":ids},{"method":"ce"}]
					dataType:'',
					success:function (obj) {

						if (obj.success){

							//刷新
							$("#grid").datagrid('reload');

							$.messager.show({
								title:'消息提示',
								msg:'删除成功',
								timeout:1000,
								showType:'slide',
								width:300,
								height:150,
								style:{
									right:'',
									top:document.body.scrollTop+document.documentElement.scrollTop,
									bottom:''
								}

							});
							//取消选定状态
							$("#grid").datagrid('uncheckAll');



						}else{

							//提示删除出错
							$.messager.alert("提示","删除失败","error");
							// //取消选定状态
							// $("#grid").datagrid('uncheckAll');
						}
					}
				})

			}



		}

		//还原
		function doRestore(){

			//得到当前选中的复选框

			var datagrid = $("#grid").datagrid('getSelections');


			//判断长度
			if (datagrid.length<1){

				//提示 没有选中任何复选框
				$.messager.alert("提示","你没有选中任何复选框!","error");

			}else{

				var ids=new Array()

				for (var i=0;i<datagrid.length;i++){

					ids.push(datagrid[i].id);
				}

			    var s = ids.join(",");


				//发送ajax

				$.ajax({
					url:'${pageContext.request.contextPath}/bcStaff/uPBcStaffDelTag.action',
					type:'post',
					data:{"ids":s},
					dataType:'json',
					success:function (obj) {

						if (obj.success){

							//提示删除成功
							$.messager.show({
								title:'消息提示',
								msg:'还原成功',
								timeout:1000,
								showType:'slide',
								style:{   //顶部居中显示
									right:'',
									top:document.body.scrollTop+document.documentElement.scrollTop,
									bottom:''
								}
							})
							//刷新datagrid
							$("#grid").datagrid('reload');
							//取消选中的复选框

							$("#grid").datagrid('uncheckAll');


						}else{


							//提示还原失败

							$.messager.alert("提示","还原失败","error")


						}

					}
				})



			}



		}




		//工具栏
		var toolbar = [ {
			id : 'button-view',
			text : '查询',
			iconCls : 'icon-search',
			handler : doView
		}, {
			id : 'button-add',
			text : '增加',
			iconCls : 'icon-add',
			handler : doAdd
		}, {
			id : 'button-delete',
			text : '作废',
			iconCls : 'icon-cancel',
			handler : doDelete
		},{
			id : 'button-save',
			text : '还原',
			iconCls : 'icon-save',
			handler : doRestore
		}];



		// 定义列
		var columns = [ [ {
			field : 'id',
			checkbox : true,
		},{
			field : 'name',
			title : '姓名',
			width : 120,
			align : 'center'
		}, {
			field : 'telephone',
			title : '手机号',
			width : 120,
			align : 'center'
		}, {
			field : 'haspda',
			title : '是否有PDA',
			width : 120,
			align : 'center',
			formatter : function(data,row, index){
				if(data=="1"){
					return "有";
				}else{
					return "无";
				}
			}
		}, {
			field : 'deltag',
			title : '是否作废',
			width : 120,
			align : 'center',
			formatter : function(data,row, index){
				if(data=="0"){
					return "正常使用"
				}else{
					return "已作废";
				}
			}
		}, {
			field : 'standard',
			title : '取派标准',
			width : 120,
			align : 'center'
		}, {
			field : 'station',
			title : '所谓单位',
			width : 200,
			align : 'center'
		} ] ];


		//添加校验逻辑
		$.extend($.fn.validatebox.defaults.rules, {
			phoneNumber: {
				validator: function (value, param) {
					return /^1[3|4|5|7|8][0-9]{9}$/.test(value);
				},
				message: '请输入正确的手机号码!'
			}
		});



		$(function(){

			//保存staff信息
			$("#save").click(function() {
				//进行校验
				if($("#bsStaffForm").form('validate')){
					//提交
					// $("#bsStaffForm").submit();
					$.ajax({
						url:'${pageContext.request.contextPath}/bcStaff/saveOrUp.action',
						type:'post',
						data:$("#bsStaffForm").serialize(),
						dataType:'json',
						success:function(o){
							if (o.success){
								//刷新
								$("#grid").datagrid('reload');
								//关闭当前窗口
								$("#addStaffWindow").window('close')

								$.messager.show({
									title:'消息提示',
									msg:'操作成功',
									timeout:1000,
									showType:'slide'
								})


								$("#grid").datagrid('uncheckAll');

							}else{
								alert('操作失败!');
								//关闭当前窗口
								$("#addStaffWindow").window('close')
							}
						}
					})
				}
			});


			// 先将body隐藏，再显示，不会出现页面刷新效果
			$("body").css({visibility:"visible"});

			// 取派员信息表格
			$('#grid').datagrid( {
				iconCls : 'icon-forward',
				fit : true,
				border : false,
				rownumbers : true,
				striped : true,
				pageList: [10,20,50,100], // 每页显示多少
				pagination : true,  //在底部显示分页工具
				toolbar : toolbar,
				url : "${pageContext.request.contextPath }/bcStaff/findPage.action",
				idField : 'id',
				columns : columns,
				method:'post',
				//singleSelect: true,
				onDblClickRow : doDblClickRow
			});

			// 添加取派员窗口
			$('#addStaffWindow').window({
				title: '添加取派员',
				width: 400,
				modal: true,
				shadow: true,
				closed: true,
				height: 400,
				resizable:false
			});
		});



		//双击一行 触发
		function doDblClickRow(rowIndex, rowData){

			//发送ajax

			$.ajax({
				url:'${pageContext.request.contextPath}/bcStaff/uPBcStaffById.action',
				type:'post',   //请求方式
				data:{"id":rowData.id},  //请求的数据
				dataType:'json',   //返回的数据格式
				success:function (obj) {



					//load  方法 读取记录填充到表单中。数据参数可以是一个字符串或一个对象类型，如果是字符串则作为远程URL，否则作为本地记录。

					$("#bsStaffForm").form('load',obj);

					//打开windows面板
					$("#addStaffWindow").window('open');



				}
			})


		}



	</script>

</body>


</html>	